extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      form#form-search
        .form-inline
          .form-group
            label.marginR10 订单编号&emsp;
              input.form-control.form-width150(name="order_no_like" placeholder="请输入订单编号")
          .form-group
            label.marginR10 下单人&emsp;
              input.form-control.form-width150(name="placing_user_phone_like" placeholder="请输入下单人")
          .form-group
            label.marginR10 城&emsp;市&emsp;
              select.form-control.form-width100#special(name="city_id")
                //- option(value="") 请选择
                //- option(value="1") 长沙
                //- option(value="2") 武汉
                //- option(value="3") 贵阳
                //- option(value="4") 广州
                //- option(value="5") 深圳
          .form-group
            label.marginR10 订单时间
              input.form-control.form-width200#created-time(placeholder="请选择时间范围" readonly)
              input(type="hidden" name="startDate")
              input(type="hidden" name="endDate")
    .com-op.marginT10
      button.btn.btn-default.marginR10#search-btn(type="button")
        i.fa.fa-search
        span 搜索
      button.btn.btn-default.marginR10#btn-dispatch(type="button")
        //- i.fa.fa-?
        span 手动派单

    .content-body.marginT10#table-box
      table.table#table-manual
      #pager-manual

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")

  script(src="//webapi.amap.com/maps?v=1.4.2&key=cdd6b8f058b5bd6b8a5e395cba02a043&plugin=AMap.ToolBar,AMap.Autocomplete")
  script(src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11")

block self_js
  script(src="../../js/module/order/manual.js")

block layer

  //- 手动派单
    //- 改派
  .layer-box#layer-manual-dispatch
    .d-header
      | 订单编号ID：
      span.marginR10(data-clientId) 5955448415
      | 城市：
      span.marginR10(data-city) 长沙
      | 服务类型：
      span.marginR10(data-serveType) 接机
      | 车辆类型：
      span.marginR10(data-carType) 公务轿车

    .d-content.padding20
      .row.form-row.form-row-sm
        .col-xs-4
          .form-text 城市：
          .form-container
            select.form-control.form-width100(name="city_id")
                option(value="") 请选择
                option(value="1") 长沙
                option(value="2") 武汉
                option(value="3") 贵阳
                option(value="4") 广州
                option(value="5") 深圳
        .col-xs-4
          .form-text 车辆类型：
          .form-container
            select.form-control.form-width100(name="bookModel")
                option(value="") 请选择
                option(value="1") 舒适型
                option(value="2") 商务7座
                option(value="3") 豪华轿车
        .col-xs-4
          .form-text 司机电话：
          .form-container
            input.form-control(name="driver_phone", disabled)
      .row.form-row.form-row-sm
        .col-xs-12
          .form-text 司机状态：
          .form-container.form-inline
            label
              input(type="checkbox", name="state", value="0", disabled,checked)
              | 离线
            label
              input(type="checkbox", name="state", value="1", disabled,checked)
              | 上线
            label
              input(type="checkbox", name="state", value="2", disabled,checked)
              | 待命中
            label
              input(type="checkbox", name="state", value="3", disabled,checked)
              | 入栈中
            label
              input(type="checkbox", name="state", value="4", disabled,checked)
              | 入栈
            label
              input(type="checkbox", name="state", value="5", disabled,checked)
              | 服务中
            button.btn.btn-default#driver-search(type="button")
              i.fa.fa-search
              span 搜索

    .d-grid
      table.table#table-manual-dispatch
      #pager-manual-dispatch

    .d-bottom
      | 该订单：
      span(data-orderTime) 2017-11-22 20:20
      | 被
      span(data-operator) 张三丰
      span.submit 确认改派

  //- 查看
  .layer-box#layer-manual-view
    +manualForm-view

mixin manualForm-view
  .d-header
    | 操作时间：
    span(data-operateTime) 2017-11-22 20:20
    | 订单编号ID：
    span(data-clientId) 5955448415

  .d-title
    span 基础信息

  .d-content.padding20
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 订单编号：
        .form-container
          input.form-control(name="order_no", disabled)
      .col-xs-4
        .form-text 下单人：
        .form-container
          input.form-control(name="placing_user_phone", disabled)
      .col-xs-4
        .form-text 用车人：
        .form-container
          input.form-control(name="passenger_phone", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 用车时间：
        .form-container
          input.form-control(name="plan_depart_time", disabled)
      .col-xs-4
        .form-text 城市：
        .form-container
          select.form-control(name="city_id", disabled)
      .col-xs-4
        .form-text 上车地点：
        .form-container
          input.form-control(name="plan_orig", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 下车地点：
        .form-container
          input.form-control(name="plan_dest", disabled)
      .col-xs-4
        .form-text 服务类型：
        .form-container
          select.form-control(name="order_type", disabled)
      .col-xs-4
        .form-text 车辆类型：
        .form-container
          select.form-control(name="auto_type", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 预估价：
        .form-container
          input.form-control(name="plan_price", disabled)
      .col-xs-4
        .form-text 订单来源：
        .form-container
          select.form-control(name="order_channel", disabled)
      .col-xs-4
        .form-text 乘客已经等待：
        .form-container
          input.form-control(name="wait_time", disabled)

  //- .d-bottom
  //-     | 操作时间：
  //-     span(data-orderTime) 2017-11-22 20:20
  //-     | 操作人：
  //-     span(data-operator) 张三丰
  //-     span.submit 手动派单
